<!doctype html>
{% load i18n %}
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>{% block page_title %}{% trans "WeSchool" %}{% endblock %}</title>
    
    <meta name="description" content="{% block meta_description %}{% endblock %}" />
    <meta name="author" content="{% block meta_author %}{% endblock %}" />
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/progress-polyfill.css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/meter-polyfill.css" />
    {% block css %}{% endblock %}

    <script src="{{ STATIC_URL }}js/libs/modernizr-2.5.2.min.js"></script>
    <script src="{{ STATIC_URL }}js/libs/progress-polyfill.js"></script>
    <script src="{{ STATIC_URL }}js/libs/meter-polyfill.js"></script>
</head>

<body class="{% block body_class %}{% endblock %}">
{% block body %}
    <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
    <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
    <header>

    </header>

    <div role="main">
       <div id="wrapper">
        <div id="header">WeSchool</div>
        <div id="nav">
            <a href="/">home</a> |
            {% if user.is_authenticated %}
            welcome {{ user.first_name }}
                (<a href="/logout">logout</a>)
                {% if user.is_superuser %}
                    (<a href="/admin">admin</a>)
                {% endif %}
            {% else %}
                <a href="/login/?next=/course/">login</a>
            {% endif %}
        </div>
        <div id="navbar">
            <ul>
                <li class="currentOpenedPage">{% block current_page %} {% endblock current_page %}</li>

            </ul>
        </div>
        {% block content %} {% endblock content %}
       </div>
    </div>
    <footer>

    </footer>


    {% if debug %}{% include 'includes/debug.html' %}{% endif %}
    {% block javascript_library %}
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="{{ STATIC_URL }}js/libs/jquery-1.7.1.min.js"><\/script>')</script>
    <script src="{{ STATIC_URL }}js/plugins.js"></script>
    <script src="{{ STATIC_URL }}js/script.js"></script>

    {% endblock %}
    {% block javascript %}{% endblock %}
    <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->
    <script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>
{% endblock %}
</body>
</html>